<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>

        <style>

            a {
                display: inline-block;
                width: 80px;
                height: 50px;
                background-color: #ff0000;
                text-align: center;
                line-height: 50px;
                color: white;
                text-decoration: none;
            }

            a:hover {
                background-color: #ffa500;
            }

        </style>

    </head>
    <body>


        <div>

            <a href="#">
                导航1
            </a>
            <a href="#">
                导航2
            </a>
            <a href="#">
                导航3
            </a>
            <a href="#">
                导航4
            </a>
            <a href="#">
                导航5
            </a>

        </div>


    </body>
</html>